<!doctype html>
<html class="no-js">

<head>
    <title>品学联萌</title>
    <#include "/fenda/components/meta.html" />
    <#include "/fenda/components/stylesheets.html" />
    <link rel="stylesheet" type="text/css" href="/fenda/stylesheets/index.css">
</head>

<body>
    <div id="app">
        <div class="top-bar">
            <div class="top-signin">
                <a href="#"><img src="/fenda/assets/img/sign_in_button.png" height="30" /></a>
            </div>
            <div class="am-form-group am-form-icon top-search-field">
                <i class="am-icon-search"></i>
                <input type="text" class="am-form-field am-round" placeholder="搜索大师，问题">
            </div>
            <div class="top-msg">
                <a href="#"><i class="am-icon-commenting-o am-icon-sm"></i></a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="nav-container">
            <div class="nav-item">
                <a href="#">
                    <div class="nav-item-icon">
                        <img src="/fenda/assets/img/icon1.png" height="50" />
                    </div>
                    <div class="nav-item-container">
                        <div class="nav-item-title">找大师</div>
                        <div class="nav-item-desc">一对一私密咨询 权威亲测</div>
                    </div>
                    <div class="nav-item-right">
                        <span>></span>
                    </div>
                    <div class="clear"></div>
                </a>
            </div>
            <div class="nav-item">
                <a href="#">
                    <div class="nav-item-icon">
                        <img src="/fenda/assets/img/icon2.png" height="50" />
                    </div>
                    <div class="nav-item-container">
                        <div class="nav-item-title">找大师</div>
                        <div class="nav-item-desc">一对一私密咨询 权威亲测</div>
                    </div>
                    <div class="nav-item-right">
                        <span>></span>
                    </div>
                    <div class="clear"></div>
                </a>
            </div>
            <div class="am-g nav-2">
                <div class="am-u-sm-3">
                    <div class="nav-2-item-icon">
                        <img src="/fenda/assets/img/icon3.png" />
                    </div>
                    <div class="nav-2-item-title">
                        <span>婚恋感情</span>
                    </div>
                </div>
                <div class="am-u-sm-3">
                    <div class="nav-2-item-icon">
                        <img src="/fenda/assets/img/icon4.png" />
                    </div>
                    <div class="nav-2-item-title">
                        <span>婚恋感情</span>
                    </div>
                </div>
                <div class="am-u-sm-3">
                    <div class="nav-2-item-icon">
                        <img src="/fenda/assets/img/icon5.png" />
                    </div>
                    <div class="nav-2-item-title">
                        <span>婚恋感情</span>
                    </div>
                </div>
                <div class="am-u-sm-3">
                    <div class="nav-2-item-icon">
                        <img src="/fenda/assets/img/icon6.png" />
                    </div>
                    <div class="nav-2-item-title">
                        <span>婚恋感情</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-container">
            <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}'>
                <ul class="am-slides">
                    <li>
                        <img src="/fenda/assets/img/banner1.jpg">
                    </li>
                    <li>
                        <img src="/fenda/assets/img/banner2.png">
                    </li>
                    <li>
                        <img src="/fenda/assets/img/banner3.jpg">
                    </li>
                </ul>
            </div>
        </div>
        <div class="ranking-container">
            <div>
                <div class="ranking-title">
                    <span>7月咨询师势力榜</span>
                </div>
                <div class="ranking-right">
                    <span>></span>
                </div>
                <div class="clear"></div>
            </div>
            <div class="ranking-list am-g">
                <div class="ranking-list-item am-u-sm-4">
                    <div class="ranking-icon">
                        <img class="am-circle" src="/fenda/assets/img/avator1.jpg" height="30" />
                    </div>
                    <div class="ranking-content">
                        <div class="ranking-desc">订单榜</div>
                        <div class="ranking-detail">
                            <span>1</span>
                            <span>/云美</span>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="ranking-list-item am-u-sm-4">
                    <div class="ranking-icon">
                        <img class="am-circle" src="/fenda/assets/img/avator1.jpg" height="30" />
                    </div>
                    <div class="ranking-content">
                        <div class="ranking-desc">订单榜</div>
                        <div class="ranking-detail">
                            <span>1</span>
                            <span>/云美</span>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="ranking-list-item am-u-sm-4">
                    <div class="ranking-icon">
                        <img class="am-circle" src="/fenda/assets/img/avator1.jpg" height="30" />
                    </div>
                    <div class="ranking-content">
                        <div class="ranking-desc">订单榜</div>
                        <div class="ranking-detail">
                            <span>1</span>
                            <span>/云美</span>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="lesson-container">
            <img src="/fenda/assets/img/lesson.png" />
        </div>
        <#include "/fenda/components/footer.html" />
    </div>
    <#include "/fenda/components/scripts.html" />
    <script type="text/javascript" src="/fenda/js/index.js"></script>
</body>

</html>